<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<!-- 
             event loop 事件循环/事件驱动
    js是单线程运行的
    异步要基于回调来实现
    event loop 就是异步回调的实现原理

            js如何执行
    从前到后，一行一行执行
    如果某一行执行报错，则停止下面代码的执行
    先把同步代码执行完，再执行异步

    事件循环 过程
    1.同步代码，一行一行放在Call Stack 执行
    2.遇到异步，会先“记录”下，等待时机（定时、网络请求、Dom事件等）dom事件是基于event loop实现的，但dom事件并不是异步的
    3.时机到了，就移动到Callback Queue
    4.如Call Stack为空，（即同步代码执行完）Event Loop 开始工作
    5.轮训查找Callback Queue，如有则移动到Call Stack执行
    6.然后继续轮训查找
-->
</html>